<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.6.1.js"></script>
	</head>
	<body>
		<div class="d1">
			<span>博为峰</span>
			<span>学掌门</span>
		</div>
		<div>29期</div>
		<script type="text/javascript">
			const d1 = $('.d1');
			//在给定的父元素下匹配所有的子元素
			const span = $('.d1 > span');
			// console.dir(span);
			//隐式迭代
			span.css('color', 'orange');

			$('.d1 ~ div').css('font-size', '30px');
			
			//DOM对象.style.color = 'orange'
		</script>
	</body>
</html>
